new Vue({
  el: '#app',
  data: {
    componeyData: [], //分公司可选options
    company_id: '', //分公司ID
    company_name: '', //分公司名称
    sign_price: "" //签约金额
  },
  mounted() {
    this.getCompanyData();
  },
  methods: {
    // 选择签约金额
    selectPrice: function (price) {
      this.sign_price = price;
    },
    // 获取签约分公司数据
    getCompanyData: function () {
      var that = this
      get('api/companys').then(function (res) {
        if (res.data) {
          if (res.data.companys.length > 0) {
            that.componeyData = res.data.companys.map(function (item) {
              var obj = {}
              obj.value = item.id
              obj.text = item.name
              return obj
            })
          } else {
            that.componeyData = []
          }
        }
      })
    },
    // 选择签约分公司
    selectCompony: function () {
      var that = this
      var selector = new mui.PopPicker()
      selector.setData(this.componeyData)
      selector.show(function (item) {
        that.company_id = item[0].value;
        that.company_name = item[0].text;
      })
    },
    // 生成签约码
    generateCode: function () {
      if (!this.company_name) {
        mui.toast("请选择签约分公司")
        return
      }
      if (!this.sign_price) {
        mui.toast("请选择签约金额")
        return
      }
      var t = encodeURI(encodeURI(this.company_name));
      var url = pageUrl + "sign_info.html?company_name=" + t + "&company_id=" + this.company_id + "&sign_price=" + this.sign_price;
      this.qrcode(url);
    },
    // 生成二维码
    qrcode: function (url) {
      var W = parseInt(window.getComputedStyle(this.$refs.qrcode).width.replace("px", "") - 3);
      var H = parseInt(window.getComputedStyle(this.$refs.qrcode).height.replace("px", "") - 3);
      $("#qrcode").qrcode({
        render: "canvas",
        //设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好
        text: url,
        //扫描二维码后显示的内容,可以直接填一个网址，扫描二维码后自动跳向该链接
        width: W, //"158",
        // //二维码的宽度
        height: H, //"158",
        //二维码的高度
        background: "#ffffff",
        //二维码的后景色
        foreground: "#000000" //二维码的前景色

      });
      $("#qrcodeWrap").show();
    },
    // 关闭二维码弹窗
    closeCode: function () {
      $("#qrcodeWrap").hide();
      $("#qrcode").html("");
    },
  }
})